<!DOCTYPE html>

<script src="../resources/js-test.js"></script>
<script src="../resources/run-after-layout-and-paint.js"></script>
<script>
description("This test ensures that applying media control slider thumb appearance to pseudo-elements does not cause a crash.");
</script>

<style>
#sliderthumb, #volume-sliderthumb {
    width: 100px;
    height: 100px;
    overflow: scroll;
}
#sliderthumb::-webkit-scrollbar {
    -webkit-appearance: media-sliderthumb;
}
#volume-sliderthumb::-webkit-scrollbar {
    -webkit-appearance: media-volume-sliderthumb;
}
</style>

<div id="sliderthumb"></div>
<div id="volume-sliderthumb"></div>

<script>
if (window.testRunner) {
    testRunner.waitUntilDone();
    runAfterLayoutAndPaint(function() { testRunner.notifyDone(); });
}
</script>
